// vue3 main.js 中 createApp() 方法 创建应用实例
// 替代 new Vue({})

import { createApp } from 'vue'
// 导入公共样式
// import './style.css'
// 导入路由对象
import router from './router'
// 导入根组件
import App from './App.vue'
// 导入写好的公共组件
import headerCom from './components/headerCom.vue'



// 创建应用实例
let app = createApp(App)
// vue2 的注册全局组件方法
// Vue.component("组件名", 组件对象)
// vue3 注册全局组件 变为 app.component()
app.component("headerCom", headerCom)

// vue2 中使用Vue.use() 将插件都扩展到了组件库中
// vue3 中使用app.use() 将插件都扩展到了应用实例中
// 优点：可以统一管理插件 ，方便维护，提高一些性能
// Vue.use() //使用插件 
app.use(router) //使用路由对象
app.mount('#app') //挂载到页面中

